


import MyFoot from "./MyFoot.jsx";
import MyHead from "./MyHead.js";
import MyCpt from "./MyCpt.js";
import MyCss from './MyCss';
import MyEvent from "./MyEvent.js";
import MyProps from "./MyProps.js";
import MyState from "./MyState.js";
import MyProps1 from "./MyProps1.js";
import MyState2 from "./MyState2.js";
import MyLife from "./MyLife.js";
import MyContext from "./MyContext.js";
import MyData from "./MyData.js";
import MyBanner from "./MyBanner.js";
import TodoListOne from "./TodoListOne.js";
import TodoListTwo from "./TodoListTwo.js";
import TodoListThree from "./TodoListThree.js";


export default class MyComponents extends Component{
    render(){
        return (
            <div>
                <h2> React 基础API 学习 </h2>
                <MyHead></MyHead>
                <hr />
                {/* <MyCpt></MyCpt> */}
                {/* <MyCss></MyCss> */}
                {/* <MyEvent></MyEvent> */}
                
                {/* <MyProps></MyProps> */}
                {/* <MyState></MyState> */}
                {/* <MyProps1></MyProps1> */}
                {/* <MyState2></MyState2> */}
                {/* <MyLife></MyLife> */}
                {/* <MyContext></MyContext> */}
                {/* <MyData></MyData> */}
                {/* <MyBanner></MyBanner> */}

                {/* <TodoListOne></TodoListOne> */}
                {/* <TodoListTwo></TodoListTwo> */}
                <TodoListThree></TodoListThree>
                <hr />
                <MyFoot></MyFoot>
            </div>
        )
    }
}